.page-item-list {
  // background: $color-bg-gray;
  .item-list-head {
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
  }
  .search-wrap {
    padding: 16px 28px;
  }
  .sp-filter-bar {
    &__item {
      background: #f5f5f5;
      &:first-child {
        border-top-left-radius: 40px;
      }
      &:last-child {
        border-top-right-radius: 40px;
      }
    }
  }
  &.has-tagbar {
    // @include page-scroll($tabs-height + $searchbar-height + $navigate-height + 10, 0);
  }
  .item-list-scroll {
    @include page-scroll($tabs-height + $navigate-height + 10, 0);
  }

  .filter-btn {
    font-size: 28px;
    color: var(--color-primary);
    position: relative;
    text-align: text;
    float: right;
    &:before {
      content: '';
      display: block;
      height: 40px;
      /* prettier-ignore */
      width: 1PX;
      background: #f5f5f5;
      position: absolute;
      left: -30px;
    }
    .icon-filter {
      font-size: 30px;
    }
  }

  .goods-list {
    display: flex;
    justify-content: space-between;
    padding: 0 16px;
    .goods-list-wrap {
      width: 345px;
      margin-bottom: 28px;
    }
    .left-container {
      width: 50%;
    }
    .right-container {
      width: 50%;
      padding-left: 20px;
    }
    .goods-item-wrap {
      margin-bottom: 20px;
      box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
      border-radius: 2px;
    }
    .sp-goods-item {
      border-radius: 16px;
      overflow: hidden;
    }
  }

  // .goods-tabs {
  //   background: #fff;
  //   .sp-filter-bar__item {
  //     border-radius: 0;
  //     background: #f5f5f5;
  //     &:first-child {
  //       border-radius: 50px 0 0 0;
  //     }
  //     &:last-child {
  //       border-radius: 0 50px 0 0;
  //     }
  //   }
  // }

  // .tag-block {
  //   padding: 0 20px 16px;
  //   display: flex;
  //   align-items: center;
  //   background: #fff;
  //   .tag-container {
  //     flex: 1;
  //   }
  //   .filter-btn {
  //     width: 100px;
  //     display: flex;
  //     align-items: center;
  //     .filter-text {
  //       color: var(--color-primary);
  //     }
  //     .icon-shaixuan-01 {
  //       color: var(--color-primary);
  //       font-size: 32px;
  //       position: relative;
  //       top: 2px;
  //     }
  //   }
  // }

  .brand-title {
    font-size: 32px;
    font-weight: 600;
    color: #111;
    margin-bottom: 20px;
  }
}
